<template>
  <div>
  </div>
  <div style="width: 1100px">
    <el-row :gutter="10">
      <el-col :span="16">
        <div style="background-color: white">
          <el-menu style="width: 100%"
                   default-active="/index/recommend"
                   mode="horizontal"
                   text-color="#8493a5"
                   router="true">
            <el-menu-item index="/personal/dynamic" >动态</el-menu-item>
            <el-menu-item index="/personal/answer">回答</el-menu-item>
            <el-menu-item index="/personal/vedio">视频</el-menu-item>
            <el-menu-item index="/personal/question">提问</el-menu-item>
            <el-menu-item index="/personal/article">文章</el-menu-item>
            <el-menu-item index="/personal/column">专栏</el-menu-item>
            <el-menu-item index="/personal/idea">想法</el-menu-item>
            <el-menu-item index="/personal/collection">收藏</el-menu-item>
            <el-menu-item index="/personal/follow">关注</el-menu-item>
          </el-menu>
          <router-view/>
        </div>
      </el-col>
      <el-col :span="8">
        <div style="background-color: white;
        border: 1px solid #e9e9eb;
        height: 600px;
        position: fixed;
        width: 333px"
        >

        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script setup>

import * as ElementPlusIconsVue from '@element-plus/icons-vue'

</script>

<style scoped>
.setup{
  height: 100px;
  border-bottom: 1px solid #e9e9eb;
  padding: 20px 18px;

}
p{
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
}

.router-link-active {
  text-decoration: none;
}
</style>